<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" type="text/css" href="../css/ID选择器.css"/>
<!--    <style type="text/css">-->

<!--        #id123{-->
<!--            border: 2px solid red;-->
<!--            color: blue;-->
<!--            font-size: 30px;-->
<!--        }-->
<!--        #id124{-->
<!--            border: 2px solid red;-->
<!--            color: black;-->
<!--            font-size: 30px;-->
<!--        }-->
<!--        #id125{-->
<!--            border: 2px solid red;-->
<!--            color: pink;-->
<!--            font-size: 30px;-->
<!--        }-->
<!--        #id222{-->
<!--            border: 2px solid red;-->
<!--            color: green;-->
<!--            font-size: 30px;-->
<!--        }-->
<!--        #id333{-->
<!--            border: 2px solid red;-->
<!--            color: darkgoldenrod;-->
<!--            font-size: 30px;-->
<!--        }-->
<!--        #id444{-->
<!--             border: 2px solid red;-->
<!--             color: rebeccapurple;-->
<!--             font-size: 30px;-->
<!--         }-->

<!--    </style>-->
</head>
<body>
    <!--ID选择器，的值不能以数字开头-->
    <div id="id123">独占一行</div><br/>
    <div id="id124">独占一行</div><br/>
    <div id="id125">独占一行</div><br/>

    <span id="id222">根据数据长度进行封装</span>
    <span id="id333">根据数据长度进行封装</span>
    <span id="id444">根据数据长度进行封装</span>

</body>
</html>